<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- Bootstrap -->
    <link href="../js/bootstrap/bootstrap.css" rel="stylesheet">
    <link href="../js/pagination/pagination.css" rel="stylesheet" type="text/css" >
    <link href="../js/dataTimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <title>销售订单</title>
</head>
<body>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span8">
            <form class="form-search" style="margin-top: 12px">
                <input class="input-medium search-query" id="o_code" placeholder="订单编码" type="text" />
                <input class="input-medium search-query" id="o_name" placeholder="客户姓名" type="text" />
                <input class="input-medium search-query" id="o_product" placeholder="型体编码" type="text" />
                <input type="text" class="input-medium search-query" placeholder="开始时间" id="start_date" name="recordDate" style="border:0.5px solid #fac090"/>
                <input type="text" class="input-medium search-query" placeholder="结束时间" id="end_date" name="recordDate" style="border:0.5px solid #fac090"/>
                <button id="searchOrders" class="btn btn btn-warning"  type="button">查询</button>
            </form>
        </div>

        <div class="span4">
           <!-- <h3 class="text-center" style="margin-right: auto">
                订单详情
            </h3>-->
        </div>
    </div>

    <div class="row-fluid">
        <div class="span8" >
            <div class="accordion" id="accordion-921280" style="margin-bottom: 450px">
            </div>
            <div class="eg" >
                <div class="m-style M-box3" ></div>
            </div>
        </div>
        <div class="span4" id="details">
        </div>
    </div>
</div>
</div>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="../js/bootstrap/js/jquery.min.js"></script>
<script src="../../js/jQuery/jquery-1.8.3.min.js"></script>
<script src="../js/pagination/jquery.pagination.js"></script>
<script src="../js/layer-v3.1.1/layer/layer.js"></script>
<script src="../js/dataTimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="../js/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/dataTimepicker/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="../js/dataTimepicker/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>

<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="../js/manu/salesorders.js"></script>
<script>
    var str = '<div class="container-fluid">' +
        '<div class="row-fluid">' +
        '<div class="span6">' +
        '<div class="hero-unit">' +
        '<h1>' +
        'Hello, world!' +
        '</h1>' +
        '<p>' +
        '这是一个可视化布局模板, 你可以点击模板里的文字进行修改, 也可以通过点击弹出的编辑框进行富文本修改. 拖动区块能实现排序.' +
        '</p>' +
        '<p>' +
        '<a class="btn btn-primary btn-large" href="#">参看更多 »</a>' +
        '</p>' +
        '</div>' +
        '</div>' +
        '<div class="span6">' +
        '<dl>' +
        '<dt>' +
        'Rolex' +
        '</dt>' +
        '<dd>' +
        '劳力士创始人为汉斯.威尔斯多夫，1908年他在瑞士将劳力士注册为商标。' +
        '</dd>' +
        '<dt>' +
        'Vacheron Constantin' +
        '</dt>' +
        '<dd>' +
        '始创于1775年的江诗丹顿已有250年历史，' +
        '</dd>' +
        '<dd>' +
        '是世界上历史最悠久、延续时间最长的名表之一。' +
        '</dd>' +
        '<dt>' +
        'IWC' +
        '</dt>' +
        '<dd>' +
        '创立于1868年的万国表有“机械表专家”之称。' +
        '</dd>' +
        '<dt>' +
        'Cartier' +
        '</dt>' +
        '<dd>' +
        '卡地亚拥有150多年历史，是法国珠宝金银首饰的制造名家。' +
        '</dd>' +
        '</dl>' +
        '</div>' +
        '</div>' +
        '</div>'
</script>
</body>
</html>